<template>
  <div class="main">
    <el-empty v-show="!showDis.isShow" :image-size="100"></el-empty>
    <el-descriptions v-show="showDis.isShow" :title="showDis.name" direction="vertical" :column="1" border>
      <el-descriptions-item label="病害详情">{{showDis.info}}</el-descriptions-item>
      <el-descriptions-item label="解决办法">{{showDis.resolve}}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
import {mapState} from "vuex";

export default {
  name: "ShowDisResult",
  computed:{
    ...mapState('disease',['showDis'])
  },
}
</script>

<style scoped>
  .main{
    padding: 0 80px;
    margin: 0 10px;
    min-height: 100px;
  }
</style>